<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Turismo de los Alpes: Hoteles</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:104px;
	top:233px;
	width:127px;
	height:133px;
	z-index:1;
	background-color: #FFFFFF;
}
#footer {
	position:absolute;
	left:102px;
	top:848px;
	width:1096px;
	height:39px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:13px;
	top:11px;
	width:278px;
	height:10px;
	z-index:3;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-color: #FFFFFF;
	margin-left: 100px;
	margin-right: 100px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 36px;
	color: #000033;
}
#apDiv4 {
	position:absolute;
	left:869px;
	top:18px;
	width:330px;
	height:33px;
	z-index:2;
}
#apDiv5 {
	position:absolute;
	left:673px;
	top:38px;
	width:37px;
	height:29px;
	z-index:3;
	visibility: visible;
}
#apDiv6 {
	position:absolute;
	left:711px;
	top:39px;
	width:100px;
	height:30px;
	z-index:4;
	visibility: visible;
}
#apDiv7 {
	position:absolute;
	left:884px;
	top:37px;
	width:70px;
	height:27px;
	z-index:5;
	visibility: visible;
}
#apDiv8 {
	position:absolute;
	left:956px;
	top:37px;
	width:120px;
	height:27px;
	z-index:6;
	visibility: visible;
}
</style>
<style type="text/css">
#apDiv9 {
	position:absolute;
	left:578px;
	top:40px;
	width:69px;
	height:20px;
	z-index:7;
	visibility: visible;
}
#busqueda {
	position:absolute;
	left:100px;
	top:265px;
	width:532px;
	height:563px;
	z-index:8;
	background-color: #FFFFFF;
}
h2 {
	font-size: 24px;
	color: #333399;
}
h3 {
	font-size: 18px;
	color: #3399FF;
}
#apDiv11 {
	position:absolute;
	left:718px;
	top:583px;
	width:79px;
	height:22px;
	z-index:9;
	visibility: visible;
}
#apDiv12 {
	position:absolute;
	left:105px;
	top:842px;
	width:1070px;
	height:80px;
	z-index:10;
}
#registro {
	position:absolute;
	left:672px;
	top:265px;
	width:522px;
	height:561px;
	z-index:11;
	background-color: #FFFFFF;
}
</style>
</head>

<body text="#000000" link="#0033FF">
<div id="header">
  <h1><strong>Reserva de Vuelos</strong>
  </h1>
  <p><em>
      <input type="image" name="headerphoto" id="headerphoto" src="images/headerphoto.jpg" />
  </em></p>
</div>
<div id="busqueda">
  <blockquote>
    <h2><strong>	Buscar Por Destino y Fecha</strong>________</h2>
    <blockquote>
      <form id="form4" name="form4" method="post" action="busqueda.htm">
        <h3>Ciudad de Destino:
        </h3>
        <p>
          <input type="text" name="ciudadDestino" id="ciudadDestino" />
        </p>
        <h3>Ciudad Origen:<br /><br /><input type="text" name="ciudadOrigen" id="ciudadOrigen" /></h3>
        
        <h3>Fecha de salida</h3>
        <table width="400" border="0" align="center" cellspacing="0">
          <tr>
            <td>Día</td>
            <td>Mes</td>
            <td>Año</td>
          </tr>
          <tr>
            <td><label for="listaDiasSalida"></label>
              <select name="listaDiasSalida" id="listaDiasSalida">
                <option value="1" selected="selected">1 </option>
                <option value="2">2 </option>
                <option value="3">3 </option>
                <option value="4">4 </option>
                <option value="5">5 </option>
                <option value="6">6 </option>
                <option value="7">7 </option>
                <option value="8">8 </option>
                <option value="9">9 </option>
                <option value="10">10 </option>
                <option value="11">11 </option>
                <option value="12">12 </option>
                <option value="13">13 </option>
                <option value="14">14 </option>
                <option value="15">15 </option>
                <option value="16">16 </option>
                <option value="17">17 </option>
                <option value="18">18 </option>
                <option value="19">19 </option>
                <option value="20">20 </option>
                <option value="21">21 </option>
                <option value="22">22 </option>
                <option value="23">23 </option>
                <option value="24">24 </option>
                <option value="25">25 </option>
                <option value="26">26 </option>
                <option value="27">27 </option>
                <option value="28">28 </option>
                <option value="29">29 </option>
                <option value="30">30 </option>
                <option value="31">31 </option>
              </select></td>
            <td><label for="listaMesesSalida"></label>
              <select name="listaMesesSalida" id="listaMesesSalida">
                <option value="01" selected="selected">Enero </option>
                <option value="02">Febrero </option>
                <option value="03">Marzo </option>
                <option value="04">Abril </option>
                <option value="05">Mayo </option>
                <option value="06">Junio </option>
                <option value="07">Julio </option>
                <option value="08">Agosto </option>
                <option value="09">Septiembre </option>
                <option value="10">Octubre </option>
                <option value="11">Noviembre </option>
                <option value="12">Diciembre </option>
              </select>
              <label for="listaAniosSalida"></label></td>
            <td><label for="listaAniosSalida"></label>
              <select name="listaAniosSalida" id="listaAniosSalida">
                <option value="2011" selected="selected">2011 </option>
                <option value="2012">2012 </option>
                <option value="2013">2013 </option>
                <option value="2014">2014 </option>
                <option value="2015">2015 </option>
                <option value="2016">2016 </option>
                <option value="2017">2017 </option>
                <option value="2018">2018 </option>
                <option value="2019">2019 </option>
                <option value="2020">2020 </option>
                <option value="2021">2021 </option>
                <option value="2022">2022 </option>
              </select></td>
          </tr>
        </table>
        <h3>Número de Viajeros</h3><br /><input type="text" name="numViajeros" id="numViajeros" />
        <p>&nbsp;</p>
        <input type="submit" name="btnBuscar" id="btnBuscar" value="Buscar" />
      </form>
</blockquote>
<a href="catalogo.htm">Ver Catálogo</a>
  </blockquote>
</div>

<div id="registro">
  <blockquote>
    <h2>Revisa tus Reservaciones___________    </h2>
    <form id="form14" name="form14" method="post" action="login.htm">
      <p>
        <label for="login"></label>
      Login
      <input type="text" name="login2" id="login" />
    Password
    
      <label for="password3"></label>
      <input type="password" name="password2" id="password3" />
      </p>
      <p>
        <input type="submit" name="entrar" id="entrar" value="Iniciar Sesión" />
      </p>
    </form>
    <h2>¿No estás Registrado?_____________</h2>
    <h3>Registrate aquí:</h3>
    <form id="form5" name="form5" method="post" action="registro.htm">
      <table width="445" border="0" cellspacing="0">
        <tr>
          <td width="140">Nombre</td>
          <td width="301"><label for="nombreRegistro"></label>
            <input type="text" name="nombreRegistro" id="nombreRegistro" /></td>
        </tr>
        <tr>
          <td>Dirección</td>
          <td><label for="direccionRegistro"></label>
            <input type="text" name="direccionRegistro" id="direccionRegistro" /></td>
        </tr>
        <tr>
          <td>Login</td>
          <td><label for="loginRegistro"></label>
            <input type="text" name="loginRegistro" id="loginRegistro" /></td>
        </tr>
        <tr>
          <td>Clave</td>
          <td><label for="claveRegistro"></label>
            <input type="password" name="claveRegistro" id="claveRegistro" /></td>
        </tr>
        <tr>
          <td>Cnfirmación Clave</td>
          <td><label for="confirmacionClaveRegistro"></label>
            <input type="password" name="confirmacionClaveRegistro" id="confirmacionClaveRegistro" /></td>
        </tr>
        <tr>
          <td>Cédula<br /><br /><br /><br /><br />Número Tarjeta</td>
          <td><label for="cedula"></label>
            <input type="text" name="cedula" id="cedula" /><br /><td><label for="cedula"></label>
            <input type="text" name="numTarjeta" id="numTarjeta" /><br /></td></td>
        </tr>
      </table>
      <p>
        <input type="submit" name="registrar" id="registrar" value="Registrar" />
      </p>
</form>
    <p><a href = accionReserva.htm><strong>Realizar Acciones con Reserva</strong></a></p>
  </blockquote>
</div>
<div id="footer">
  <p>
    <!-- #BeginDate format:Am1 -->October 7, 2011<!-- #EndDate -->
  </p>
  <p>© Copyright 2011 <strong>Reserva Hotelera</strong><br/>
		 
		Valid <a href="http://jigsaw.w3.org/css-validator/check/referer"><strong>CSS</strong></a> | 
		      <a href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a>
  </p>
</div>
</body>
</html>
